		<!--头部-->
		<include file="public/header"/>
		<!-- banner -->
		<div class="banner2">
			<ul>
		        <li style="background: url(__PUBLIC__/images/banner1.jpg) center;"></li>
			</ul>
			<!--<a href="#" class="unslider-arrow prev">Previous slide</a>
			<a href="#" class="unslider-arrow next">Next slide</a>-->
		</div>
		<!--内容-->
		<section id="content" class="xzd">
    	<div class="i-about">
    		<div class="i-tips">
    			<h2 class="fwn">关于我们</h2>
    			<p>新华传媒电商创新服务中心为传统企业转型升级，个性化的移动应用定制开发服务，商业模式咨询，用户体验设计，交互设计，移动应用技术研发和推广运营服务。</p>
    		</div>
    		<div class="list f-cb">
    			<ul class="clearfix">
    				<li class="h left">
    					<a>
	    					<div class="sign por">
	    						<div class="circle t-f"></div>
	    					</div>
    					</a>
    					<div class="clear"></div>
    					<a class="tit t-c">我们是谁</a>
    					<p>我们是新华报业传媒集团江苏经济报为了发挥媒体作用，促进全省电子商务发展而办。</p>
    				</li>
    				<li class="h left">
    					<a>
	    					<div class="sign por">
	    						<div class="circle t-f"></div>
	    						<div class="in poa">
	    							<div class="fire poa"></div>
	    						</div>
	    					</div>
	    				</a>
    					<div class="clear"></div>
    					<a  class="tit t-c">新掌端</a>
    					<p>公司旗下，企业级移动应解决方案服务品牌，为传统企业转型移动互联网提供APP的定制服务。</p>
    				</li>
    				<li class="h left">
    					<a>
	    					<div class="sign por">
	    						<div class="circle t-f"></div>
	    					</div>
	    				</a>
    					<div class="clear"></div>
    					<a class="tit t-c">行业解决方案</a>
    					<p>行业内知名的移动应用解决方案提供商，提供 O2O、电子商务、互联网金融、物联网等解决方案。</p>
    				</li>
    			</ul>
    		</div>
    	</div>
    	<div class="i-cases">
    		
    	</div>
    	<div class="i-solutions">
    		<div class="i-tips white">
    			<h2 class="fwn">行业解决方案</h2>
    			<p>行业内知名的移动应用解决方案提供商，提供 O2O、电子商务、微信营销、互联网金融、户外旅游、掌上社交、物联网等解决方案。</p>
    		</div>
    		<div class="numbers f-cb por ovh">
    			<div class="bg fi poa"></div>
    			<div class="bg se poa"></div>
    			<div class="bg th poa"></div>
    			<div class="bg btns poa">
    				<div class="btn fi poa f-cb h">
    					<p class="fl">O2O解决方案</p>
    					<span class="fr"></span>
    				</div>
    				<div class="btn se poa f-cb h">
    					<p class="fl">电子商务解决方案</p>
    					<span class="fr"></span>
    				</div>
    				<div class="btn th poa f-cb h">
    					<span class="fl"></span>
    					<p class="fr">微信营销解决方案</p>
    				</div>
    				<div class="btn fo poa f-cb h">
    					<span class="fl"></span>
    					<p class="fr">互联网金融解决方案</p>
    				</div>
    				<div class="btn sev poa f-cb h">
    					<span class="fl"></span>
    					<p class="fr">户外旅游解决方案</p>
    				</div>
    				<div class="btn fif poa f-cb h">
    					<span class="fl"></span>
    					<p class="fr">掌上社交解决方案</p>
    				</div>
    				<div class="btn si poa f-cb h">
    					<span class="fl"></span>
    					<p class="fr">物联网解决方案</p>
    				</div>
    			</div>
    		</div>
    	</div>
    	<div class="i-process">
    		<div class="i-tips">
    			<h2 class="fwn">服务流程</h2>
    			<p>构建企业一体化移动应用开发，覆盖需求，产品开发流程管理，优化产品流程，增强产品的易用性，提高使用者的工作效率，科学组织。</p>
    		</div>
    		<div class="hold por">
	    		<div class="list">
					<div class="btn h poa t-c">
						<p>需求调研</p>
						<div class="light por"></div>
						<div class="circle por t-f fl"></div>
					</div>
					<div class="btn h poa t-c">
						<div class="circle por t-f fl"></div>
						<div class="light por"></div>
						<p>合同签订</p>
					</div>
					<div class="btn h poa t-c">
						<p>交互设计</p>
						<div class="light por"></div>
						<div class="circle por t-f fl"></div>
					</div>
					<div class="btn h poa t-c">
						<div class="circle por t-f fl"></div>
						<div class="light por"></div>
						<p>视觉设计</p>
					</div>
					<div class="btn h poa t-c">
						<p>APP开发</p>
						<div class="light por"></div>
						<div class="circle por t-f fl"></div>
					</div>
					<div class="btn h poa t-c">
						<div class="circle por t-f fl"></div>
						<div class="light por"></div>
						<p>后端开发</p>
					</div>
					<div class="btn h poa t-c">
						<p>上线部署</p>
						<div class="light por"></div>
						<div class="circle por t-f fl"></div>
					</div>
					<div class="btn h poa t-c">
						<div class="circle por t-f fl"></div>
						<div class="light por"></div>
						<p>运营推广</p>
					</div>
	    		</div>
	    	</div>
    	</div>

			<!--<div class="made-progress">
				<div class="container">
				   	<div class="progress-top">
				   		<img src="__PUBLIC__/images/progress-top.png" style="width: 544px;"/>
				   	</div>
				   	<div class="progress-con">
				   		<img src="__PUBLIC__/images/progress-con.png"/>
				    	<span class="title">产品设计————UI设计————产品研发</span>
					</div>
				   <div class="progress-info">
				     <p><span>需求设计</span>完整的产品功能设计流程，PRD文档维护，设计开发周期表跟踪项目进度，即时沟通即时反馈。</p>
					 <p><span>UI设计</span> &nbsp;&nbsp;&nbsp;扁平化设计-拖拽式页面布局-精致的用户体验-高端、大气、上档次-图标一针一线自主绘制。</p>
					 <p><span>研发团队</span>100+研发团队新华云商服务器支持-高级网络安全工程师-24h技术支持。</p>
					</div>
				</div>
			</div>
				<div class="made-list">
				    <div class="container">
						<div class="made-listCon clearfix">
					      	<div class="madeList-left">
						    	<span class="madeList-title">平台定制流程</span>
								<div class="madeList-leftCon">
									<ul>
									    <li class="clearfix">
										    <dl>
											   <dd><img src="__PUBLIC__/images/made-icon1.png"/></dd>
											   <dd>
											     <span class="title">需求沟通</span>
												 <span class="info">倾听客户的需求，了解用户使用环境和操作流程</span>
											  </dd>
											</dl>
										 </li>
										 <li class="clearfix">
										    <dl>
											<dd><img src="__PUBLIC__/images/made-icon2.png"/></dd>
											  <dd>
											    <span class="title">交互设计</span>
												<span class="info">头脑风暴交互场景模拟，原型设计</span>
											  </dd>
											</dl>
										 </li>
										 <li class="clearfix">
										    <dl>
											<dd><img src="__PUBLIC__/images/made-icon3.png"/></dd>
											  <dd>
											    <span class="title">视觉设计</span>
												<span class="info">色彩及平面元素设定，结构和布局规范确认</span>
											  </dd>
											</dl>
										 </li>
										 <li class="clearfix">
										    <dl>
											 <dd><img src="__PUBLIC__/images/made-icon4.png"/></dd>
											  <dd>
											    <span class="title">前端制作</span>
												<span class="info">Css,js,Html5静态页面切图和移动应用页面布局</span>
											  </dd>
											</dl>
										 </li>
										 <li class="clearfix">
										    <dl>
											 <dd><img src="__PUBLIC__/images/made-icon5.png"/></dd>
											  <dd>
											    <span class="title">技术开发</span>
												<span class="info">移动应用数据对接和业务逻辑开发</span>
											  </dd>
											</dl>
										 </li>
										 <li class="clearfix">
										    <dl>
											<dd><img src="__PUBLIC__/images/made-icon6.png"/></dd>
											  <dd>
											    <span class="title">测试反馈</span>
												<span class="info">修改调整，规范完善</span>
											  </dd>
											</dl>
										 </li>
									   </ul>

						  		</div>
					   		</div>
					      	<div class="madeList-right">
						    	<img src="__PUBLIC__/images/made-right.png"/>
						  	</div>
					   </div>
					</div>
				</div>
				<div class="made-made container">
					<img src="__PUBLIC__/images/made-made.png">
				</div>-->

		</section>
		<script type="text/javascript" src="__PUBLIC__/js/bocfe.js" ></script>
		<script src="__PUBLIC__/js/jquery.transit.js"></script>
		<!--尾部-->
		<script>
			$(function(){
				// Enter($(".i-intro .tips").children().eq(0), "top", 0, 4, 600, 300)
			    //Enter($(".show-up"), "top", 0, 1, 600, 300)
			    setTimeout(function(){
			        $(".show-up").stop().animate({
			            top : 0,
			            opacity : 1
			        }, 600, "swing")
			    }, 900)
				$(window).scroll(function(){
					var TOP = $(window).scrollTop();
					if(TOP > ($(".i-about").offset().top - 400) && $(".i-about").attr("class") != "i-about end"){
						$(".i-about").addClass("end")
						Enter($(".i-about .list li").eq(0), "left", 0, 3, 600, 300)
					}
					if(TOP > ($(".i-solutions").offset().top - 400) && $(".i-solutions").attr("class") != "i-solutions end"){
						$(".i-solutions").addClass("end")
						$(".i-solutions .bg").eq(0).stop().animate({
							top : 0,
							opacity : 1
						}, 1000, "linear", function(){
							Enter($(".i-solutions .btn").eq(0), "X", 0, 7, 600, 300)
						})
						$(".i-solutions .bg").eq(1).stop().animate({
							top : 0,
							opacity : 1
						}, 800, "linear")
						$(".i-solutions .bg").eq(2).stop().animate({
							top : 0,
							opacity : 1
						}, 600, "linear")
					}
					if(TOP > ($(".i-process").offset().top - 400) && $(".i-process").attr("class") != "i-process end"){
						$(".i-process").addClass("end")
						$(".i-process .list").stop().animate({width : 1106}, 1000, "linear", function(){
							Enter($(".i-process .btn").eq(0), "X", 0, 8, 400, 300)
						})
						$(".i-process .btn").eq(0).addClass("cur")
						var LightNum  = 0,
							LightAuto = setInterval(function(){
								LightNum ++ ;
								if(LightNum == $(".i-process .btn").length){
									LightNum = 0
								}
								$(".i-process .btn").eq(LightNum).addClass("cur").siblings().removeClass("cur")
							}, 3000)
					}
				})
				
				$(".i-intro .tips a.more").click(function(){
					$("html,body").stop().animate({scrollTop : [$(".i-about").offset().top, 'easeInOutCubic']}, 1000)
				})
			
				var $Ul  = $(".i-cases ul"),
					$Btn = $(".i-cases .btn"),
					htmlBtn = "",
					CasesNum = 0
			
				$(".i-cases .move").width(1092 * $Ul.length)
				for (var i = 0; i < $Ul.length; i++) {
					htmlBtn = htmlBtn + '<div class="btns"><div class="in"></div></div>'
				};
				$Btn.html(htmlBtn).find(".btns").eq(0).addClass("cur")
				function CasesList(n){
					$(".i-cases .btns").eq(n).addClass("cur").siblings().removeClass("cur")
					$(".i-cases .move").stop().animate({marginLeft: - 1092 * n}, 600, "easeInOutCubic")
				}
				$(".i-cases .btns").hover(function(){
					CasesList($(this).index())
				})
				
				var winHref  = document.location.href ,
			        Href     = winHref.split("#")[1];
			    Initialize(Href)
				$("a.page").click(function(e){
					setTimeout(function(){
				        var winHref  = document.location.href ,
				            Href     = winHref.split("#")[1];
				        Initialize(Href)
				    }, 100)
				})
				function Initialize(e){
					switch(e){
						case ('Cases') : $("html,body").stop().animate({scrollTop : [$(".i-cases").offset().top, 'easeInOutCubic']}, 1000)
						break;
						case ('Process') : $("html,body").stop().animate({scrollTop : [$(".i-process").offset().top, 'easeInOutCubic']}, 1000)
						break;
						case ('Partner') : $("html,body").stop().animate({scrollTop : [$(".i-parnter").offset().top, 'easeInOutCubic']}, 1000)
						break;
					};
				};
			})
		</script>
		<include file="public/footer"/>
	
